<!-- 
Copyright (C) 2019 NRIET
Description: 联动拨号
-->
<link rel="stylesheet" href="/business/jcyb/dial/css/dial.css" />
<!-- <div class="dial"></div> -->
<div class="modal-header">
    <div class="close">×</div>
    <div class="modal-title" id="modal-title">
        <span class="active">短信叫应</span>
        <span>电话叫应</span>
        <span>叫应留痕</span>
        <span class="setting-btn">电话号码设置</span>
        <span class="call-strategy-btn">叫应策略</span>
    </div>
</div>
<ul class="dial-content">
    <li>
        <h4><i class="">!</i>说明：勾选增加发布对象，单击姓名实现预警信号发布后，短信自动叫应名单</h4>
        <div style="width:270px">
            <input type="text" id="searchText">
            <span id="searchBtn">查 询</span>
        </div>
        <div class="msg-left">
        </div>
        <div class="msg-right">
            <div>
                <span>发布对象:</span>
                <div id="publishObjects"></div>
            </div>
            <div>
                <span>短信内容:</span>
                <textarea name="" id="msgContent" cols="30" rows="10"></textarea>
            </div>
        </div>
        <div class="publishBtn">
            <img src="/business/jcyb/dial/css/images/publish_opr_hover.png">
            发 布
        </div>
    </li>
    <li>
        <ul class="dial-content-left"></ul>
        <ul class="dial-content-right"></ul>
        <div class="dialBtn flex itemcenter">
            <i></i>
            <span>确认拨号</span>
        </div>
    </li>
    <li>
        <div class="dial-record">
            <div class="dial-record-top flex wrap">
                <div class="record-item flex itemcenter">
                    <span>开始时间：</span>
                    <div id="startTime"></div>
                </div>
                <div class="record-item flex itemcenter">
                    <span>结束时间：</span>
                    <div id="endTime"></div>
                </div>
                <div class="record-item flex itemcenter status">
                    <span>叫应手段：</span>
                    <select name="" id="bidSelect">
                        <option value="1">短信</option>
                        <option value="0">电话</option>
                    </select>
                </div>
                <div class="record-item flex itemcenter">
                    <span>群组：</span>
                    <select name="" id="dialUnit">
                    </select>
                </div>
                <div class="record-item flex itemcenter">
                    <span>状态：</span>
                    <select id="msgStatus">
                        <option value="1">成功</option>
                        <option value="0">失败</option>
                    </select>
                    <select id="dialStatus" style="display:none">
                        <option value="3">成功</option>
                        <option value="1">拨号中</option>
                        <option value="2">失败</option>
                    </select>
                </div>
                <div class="flex" style="margin-right: 10px;">
                    <div class="searchBtn flex itemcenter">
                        <span>查 询</span>
                    </div>
                    <div class="downloadBtn flex itemcenter">
                        <span>导 出</span>
                    </div>
                </div>
            </div>
            <div class="record-table" id="recordTable">
                <table>
                    <thead>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </li>
    <li>
        <ul class="number-setting">
            <li>
                <span>天津市</span>
                <button id="addBtn">增 加</button>
                <div class="editmsg">
                    <div class="editmsg-list">
                        <input type="text" class="username" value="李丽丽">
                        <input type="number" class="phone" value="135255255225">
                        <i id="removeBtn">×</i>
                    </div>
                </div>
            </li>
            <li>

            </li>
        </ul>
        <ul class="number-setting-right"></ul>
        <div id="saveBtn">保 存</div>
    </li>
    <li>
        <div class="call-strategy-content">
            <div class="call-strategy-select">
                <label>单位：</label>
                <select name="" id="callStrategySelect">
                </select>
            </div>
            <div class="call-strategy-head">
                <div style="width:5%">序号</div>
                <div style="width:14%">自动叫应对象</div>
                <div style="width:15%">叫应手段</div>
                <div>
                    <div>叫应触发条件</div>
                    <div>
                        <span>预警信号</span>
                        <span>雷达回波</span>
                        <span>1小时降水</span>
                        <span>3小时降水</span>
                        <span>大风</span>
                        <span>能见度</span>
                        <span>高温</span>
                        <span>灾情直报</span>
                    </div>
                </div>
            </div>
            <div class="call-strategy-body">
            </div>
            <div id="callSave">保 存</div>
        </div>
    </li>
</ul>
<script type="text/javascript" src="/business/jcyb/dial/dial.js"></script>